.iconBox {
  div {
    display: inline-block;
    width: 5px;
    height: 12px;
    background: inherit;

    &:not(:last-child) {
      margin-right: 2px;
    }
  }

  .one {
    animation: oneAni 1s linear infinite alternate;
  }

  .two {
    animation: twoAni 1s linear infinite alternate;
  }

  .three {
    animation: threeAni 1s linear infinite alternate;
  }

  .four {
    animation: fourAni 1s linear infinite alternate;
  }

  .five {
    animation: fiveAni 1s linear infinite alternate;
  }

  .six {
    animation: sixAni 1s linear infinite alternate;
  }

  @keyframes oneAni {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0.2;
    }
  }

  @keyframes twoAni {
    0% {
      opacity: 0.9;
    }
    100% {
      opacity: 0.3;
    }
  }

  @keyframes threeAni {
    0% {
      opacity: 0.7;
    }
    100% {
      opacity: 0.6;
    }
  }

  @keyframes fourAni {
    0% {
      opacity: 0.6;
    }
    100% {
      opacity: 0.7;
    }
  }

  @keyframes fiveAni {
    0% {
      opacity: 0.3;
    }
    100% {
      opacity: 0.9;
    }
  }

  @keyframes sixAni {
    0% {
      opacity: 0.2;
    }
    100% {
      opacity: 1;
    }
  }
}
